242. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:19 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

242.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo23_en.css2021-04-28 03:14:22 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo23_en.css2021-06-27 10:07:32 +0000

242.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2630
Changed12
Inserted00
Removed00

242.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

242.4 Active regular expressions

No regular expressions were active.

242.5 Comparison detail

1 /** 1 /**
2  * WARNING: Do not change this file. Your changes will be lost. 2  * WARNING: Do not change this file. Your changes will be lost.
3  * 2021-04-28 03:14:21 */ 3  * 2021-06-27 10:07:31 */
4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed { 4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
5 } 5 }
6 @media (min-width: 768px) { 6 @media (min-width: 768px) {
7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom { 7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
8         width: 40.83%; 8         width: 40.83%;
9     } 9     }
10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper { 10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
11         width: 57.17%; 11         width: 57.17%;
12     } 12     }
13  13 
14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main { 14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
15         width: 30.6225%; 15         width: 30.6225%;
16     } 16     }
17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media { 17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
18         width: 42.8775%; 18         width: 42.8775%;
19     } 19     }
20 } 20 }
21  21 
22 body {   22 body {  
23     letter-spacing: .07px; 23     letter-spacing: .07px;
24 } 24 }
25 p { 25 p {
26     letter-spacing: inherit; 26     letter-spacing: inherit;
27     line-height: 26px; 27     line-height: 26px;
28 } 28 }
29 @media (max-width: 575px){ 29 @media (max-width: 575px){
30 body { 30 body {
31     font-size: 13px; 31     font-size: 13px;
32     line-height: 21px; 32     line-height: 21px;
33 } 33 }
34 } 34 }
35 h1, h2, h3, h4, h5, h6 { 35 h1, h2, h3, h4, h5, h6 {
36     font-family: Poppins,sans-serif; 36     font-family: Poppins,sans-serif;
37     color: #2b2b2d; 37     color: #2b2b2d;
38     letter-spacing: normal; 38     letter-spacing: normal;
39 } 39 }
40 h1 {  40 h1 { 
41     font-weight: 400; 41     font-weight: 400;
42     font-size: 36px; 42     font-size: 36px;
43     line-height: 44px; 43     line-height: 44px;
44     color: #2b2b2d; 44     color: #2b2b2d;
45     margin: 0 0 32px 0; 45     margin: 0 0 32px 0;
46 } 46 }
47 h2 {  47 h2 { 
48     font-weight: 400; 48     font-weight: 400;
49     font-size: 30px; 49     font-size: 30px;
50     line-height: 40px; 50     line-height: 40px;
51     margin: 0 0 32px 0; 51     margin: 0 0 32px 0;
52 } 52 }
53 h3 {  53 h3 { 
54     font-weight: 400; 54     font-weight: 400;
55     font-size: 25px; 55     font-size: 25px;
56     line-height: 32px; 56     line-height: 32px;
57     margin: 0 0 20px 0; 57     margin: 0 0 20px 0;
58 } 58 }
59 h4 {  59 h4 { 
60     font-family: Open Sans,sans-serif; 60     font-family: Open Sans,sans-serif;
61     font-weight: 400; 61     font-weight: 400;
62     font-size: 20px; 62     font-size: 20px;
63     line-height: 27px; 63     line-height: 27px;
64     margin: 0 0 14px 0; 64     margin: 0 0 14px 0;
65 } 65 }
66 h5 {  66 h5 { 
67     font-family: Open Sans,sans-serif; 67     font-family: Open Sans,sans-serif;
68     font-weight: 400; 68     font-weight: 400;
69     font-size: 15px; 69     font-size: 15px;
70     line-height: 25px; 70     line-height: 25px;
71     margin: 0 0 14px 0; 71     margin: 0 0 14px 0;
72 } 72 }
73 h6 {  73 h6 { 
74     font-family: Open Sans,sans-serif; 74     font-family: Open Sans,sans-serif;
75     font-weight: 400; 75     font-weight: 400;
76     font-size: 14px; 76     font-size: 14px;
77     line-height: 24px; 77     line-height: 24px;
78     color: #777; 78     color: #777;
79 } 79 }
80 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 80 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
81     font-family: 'Segoe Script','Savoye LET'; 81     font-family: 'Segoe Script','Savoye LET';
82 } 82 }
83 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 83 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
84     color: #ff7272; 84     color: #ff7272;
85 } 85 }
86 html .btn-modern { 86 html .btn-modern {
87     text-transform: uppercase; 87     text-transform: uppercase;
88     font-size: .75rem; 88     font-size: .75rem;
89     padding: .75rem 1.5rem; 89     padding: .75rem 1.5rem;
90     font-weight: 600; 90     font-weight: 600;
91     height: auto; 91     height: auto;
92 } 92 }
93 .btn-modern { 93 .btn-modern {
94     text-transform: uppercase; 94     text-transform: uppercase;
95     font-size: .75rem; 95     font-size: .75rem;
96     padding: .75rem 1.5rem; 96     padding: .75rem 1.5rem;
97     font-weight: 600; 97     font-weight: 600;
98 } 98 }
99 html .action.primary, html .btn { 99 html .action.primary, html .btn {
100     font-family: Poppins; 100     font-family: Poppins;
101     letter-spacing:  0; 101     letter-spacing:  0;
102     font-weight: 700; 102     font-weight: 700;
103     line-height: 1.42857;  103     line-height: 1.42857; 
104     padding: 1em 2.5em;  104     padding: 1em 2.5em; 
105     text-transform: uppercase; 105     text-transform: uppercase;
106     color: #333; 106     color: #333;
107     font-size: .8rem; 107     font-size: .8rem;
108     border-radius: 2em; 108     border-radius: 2em;
109  109 
110 html .btn-modern {  110 html .btn-modern { 
111     font-size: .75rem;  111     font-size: .75rem; 
112 } 112 }
113 html .action.primary { 113 html .action.primary {
114     color: #fff; 114     color: #fff;
115     background-color: #ea6253; 115     background-color: #ea6253;
116     border-color: #ea6253 #ea6253 #e53926; 116     border-color: #ea6253 #ea6253 #e53926;
117 } 117 }
118 html .btn-xl { 118 html .btn-xl {
119     font-size: 1rem; 119     font-size: 1rem;
120     padding: .8rem 2rem; 120     padding: .8rem 2rem;
121 } 121 }
122 .btn-modern.btn-xl { 122 .btn-modern.btn-xl {
123     font-size: 1rem; 123     font-size: 1rem;
124     padding: 1.25em 3.125em; 124     padding: 1.25em 3.125em;
125  125 
126 .btn-modern.btn-lg { 126 .btn-modern.btn-lg {
127     font-size: .875rem; 127     font-size: .875rem;
128     padding: 1rem 2.25rem; 128     padding: 1rem 2.25rem;
129 } 129 }
130 .form-control:focus, .btn-default.btn { 130 .form-control:focus, .btn-default.btn {
131     border-color: rgba(0,0,0,.09); 131     border-color: rgba(0,0,0,.09);
132 } 132 }
133 .btn-default.btn {  133 .btn-default.btn { 
134     border-bottom-color: rgba(0,0,0,.2); 134     border-bottom-color: rgba(0,0,0,.2);
135 } 135 }
136 .btn-shape-round { 136 .btn-shape-round {
137     border-radius: 2em!important; 137     border-radius: 2em!important;
138 } 138 }
139 .btn-default.btn-borders { 139 .btn-default.btn-borders {
140     background: none; 140     background: none;
141 } 141 }
142 .btn-borders { 142 .btn-borders {
143     border: 1px solid transparent; 143     border: 1px solid transparent;
144 } 144 }
145 .btn-flat { 145 .btn-flat {
146     padding: 0!important; 146     padding: 0!important;
147     background: none!important; 147     background: none!important;
148     border: none!important; 148     border: none!important;
149     border-bottom: 1px solid transparent!important; 149     border-bottom: 1px solid transparent!important;
150     box-shadow: none!important; 150     box-shadow: none!important;
151     text-transform: uppercase; 151     text-transform: uppercase;
152     font-size: .75rem; 152     font-size: .75rem;
153  153 
154 html .btn-dark { 154 html .btn-dark {
155     color: #fff; 155     color: #fff;
156     background-color: #141a1f; 156     background-color: #141a1f;
157     border-color: #141a1f #141a1f #000; 157     border-color: #141a1f #141a1f #000;
158  158 
159 html .btn-light { 159 html .btn-light {
160     color: #222529; 160     color: #222529;
161     background-color: #fff; 161     background-color: #fff;
162     border-color: #fff #fff #e6e6e6; 162     border-color: #fff #fff #e6e6e6;
163 } 163 }
164 html .btn-quaternary { 164 html .btn-quaternary {
165     color: #fff; 165     color: #fff;
166     background-color: #000; 166     background-color: #000;
167     border-color: #000 #000 #000; 167     border-color: #000 #000 #000;
168 } 168 }
169 .text-color-primary>.btn { 169 .text-color-primary>.btn {
170     color: inherit; 170     color: inherit;
171     font-size: .8571em; 171     font-size: .8571em;
172 } 172 }
173 html .background-color-secondary { 173 html .background-color-secondary {
174     background-color: #f4a085 !important; 174     background-color: #f4a085 !important;
175 } 175 }
176 .page-header.type3 .minicart-wrapper .action.showcart { 176 .page-header.type3 .minicart-wrapper .action.showcart {
177     top: 0; 177     top: 0;
178     min-width: 32px; 178     min-width: 32px;
179     justify-content: center; 179     justify-content: center;
180 } 180 }
181 .page-header.type3 .minicart-wrapper .action.showcart .counter.qty {  181 .page-header.type3 .minicart-wrapper .action.showcart .counter.qty { 
182     right: -5px;  182     right: -5px; 
183     box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%); 183     box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);
184 } 184 }
185 .page-header.type3 .minicart-wrapper .action.showcart::after { 185 .page-header.type3 .minicart-wrapper .action.showcart::after {
186     display: none; 186     display: none;
187 } 187 }
188 .page-header.type3 .header-contact > * { 188 .page-header.type3 .header-contact > * {
189     margin-left: .875rem; 189     margin-left: .875rem;
190 } 190 }
191 .page-header.type3 .minicart-wrapper,.page-header.type3 .header-contact .my-account { 191 .page-header.type3 .minicart-wrapper,.page-header.type3 .header-contact .my-account {
192     margin-left: .875rem; 192     margin-left: .875rem;
193 } 193 }
194 .page-header.type3 .header-contact .my-account i, .page-header.type3 .header-contact .wishlist i { 194 .page-header.type3 .header-contact .my-account i, .page-header.type3 .header-contact .wishlist i {
195     font-size: 27px;  195     font-size: 27px; 
196 } 196 }
197 .page-header.type3 .header-main .header-left {  197 .page-header.type3 .header-main .header-left { 
198     flex: 1; 198     flex: 1;
199 } 199 }
200 .page-header.type3 .search-area { 200 .page-header.type3 .search-area {
201     padding-left: .875rem; 201     padding-left: .875rem;
202 } 202 }
203 .page-header.type3 .search-area.show-icon a.search-toggle-icon { 203 .page-header.type3 .search-area.show-icon a.search-toggle-icon {
204     font-size: 19px; 204     font-size: 19px;
205     width: 40px; 205     width: 40px;
206 } 206 }
207 @media (min-width: 992px) { 207 @media (min-width: 992px) {
208 .page-header.type3 .nav-sections {  208 .page-header.type3 .nav-sections { 
209     margin-left: 0; 209     margin-left: 0;
210     flex: 1; 210     flex: 1;
211     justify-content: flex-end; 211     justify-content: flex-end;
212 } 212 }
213 .page-header.type3.sticky-header .nav-sections {  213 .page-header.type3.sticky-header .nav-sections { 
214     margin-left: 0 !important; 214     margin-left: 0 !important;
215 } 215 }
216 .page-header.type3 .navigation:not(.side-megamenu) > ul { 216 .page-header.type3 .navigation:not(.side-megamenu) > ul {
217     justify-content: flex-end; 217     justify-content: flex-end;
218     padding-left: 15px; 218     padding-left: 15px;
219     padding-right: 15px; 219     padding-right: 15px;
220 } 220 }
221 .page-header.type3 .navigation:not(.side-megamenu) .level0 .level-top { 221 .page-header.type3 .navigation:not(.side-megamenu) .level0 .level-top {
222     font-size: 13px;  222     font-size: 13px; 
223     letter-spacing: 0; 223     letter-spacing: 0;
224     padding: 9px 20px 9px 20px; 224     padding: 9px 20px 9px 20px;
225     font-family: Poppins,sans-serif; 225     font-family: Poppins,sans-serif;
226 } 226 }
227 } 227 }
228 @media (min-width: 992px) and (max-width: 1219px) { 228 @media (min-width: 992px) and (max-width: 1219px) {
229 .page-header.type3 .navigation:not(.side-megamenu) .level0 .level-top { 229 .page-header.type3 .navigation:not(.side-megamenu) .level0 .level-top {
230     padding: 9px 9px 9px 9px; 230     padding: 9px 9px 9px 9px;
231 } 231 }
232 } 232 }
233 @media(max-width: 575px) { 233 @media(max-width: 575px) {
234 .page-header.type3 .header-contact .my-account { 234 .page-header.type3 .header-contact .my-account {
235     display: none; 235     display: none;
236 } 236 }
237 } 237 }
238 .top-icon .porto-sicon-header { 238 .top-icon .porto-sicon-header {
239     margin-bottom: 15px; 239     margin-bottom: 15px;
240 } 240 }
241 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;} 241 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;}
242 .widget .widgettitle { 242 .widget .widgettitle {
243     font-size: 1rem; 243     font-size: 1rem;
244     letter-spacing: -.02em; 244     letter-spacing: -.02em;
245 } 245 }
246 .page-wrapper > .breadcrumbs {  246 .page-wrapper > .breadcrumbs { 
247     border-top: 1px solid #f4f4f4; 247     border-top: 1px solid #f4f4f4;
248     border-bottom: 1px solid #f4f4f4; 248     border-bottom: 1px solid #f4f4f4;
249     margin-bottom: 35px; 249     margin-bottom: 35px;
250 } 250 }
251 .catalog-category-view .sidebar.sidebar-main .sidebar-content { 251 .catalog-category-view .sidebar.sidebar-main .sidebar-content {
252     border: none; 252     border: none;
253 } 253 }
254 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions { 254 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions {
255     padding: 0; 255     padding: 0;
256     margin-bottom: 30px; 256     margin-bottom: 30px;
257     border: none; 257     border: none;
258 } 258 }
259 .side-custom-block .custom-block { 259 .side-custom-block .custom-block {
260     margin-top: 20px; 260     margin-top: 20px;
261 } 261 }
262 .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 { 262 .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 {
263     background: #141a1f; 263     background: #141a1f;
264 } 264 }
265 .filter-current {padding: 0;} 265 .filter-current {padding: 0;}
266 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title,.filter .filter-current-subtitle {   266 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title,.filter .filter-current-subtitle {  
267     font-family: Poppins,sans-serif; 267     font-family: Poppins,sans-serif;
268     font-weight: 600; 268     font-weight: 600;
269     font-size: 15px; 269     font-size: 15px;
270     letter-spacing: 0; 270     letter-spacing: 0;
271     line-height: 1.4; 271     line-height: 1.4;
272     padding: 0;  272     padding: 0; 
273     text-transform: capitalize; 273     text-transform: capitalize;
274 } 274 }
275 .block-category-list .block-content, .filter-options-item,.filter-actions { 275 .block-category-list .block-content, .filter-options-item,.filter-actions {
276     border-bottom: 1px solid #e7e7e7; 276     border-bottom: 1px solid #e7e7e7;
277     margin-bottom: 30px; 277     margin-bottom: 30px;
278     padding-bottom: 20px; 278     padding-bottom: 20px;
279 } 279 }
280 .block-category-list .block-title { 280 .block-category-list .block-title {
281     padding-top: 0; 281     padding-top: 0;
282 } 282 }
283 .block-category-list .block-content ol li a { 283 .block-category-list .block-content ol li a {
284     font-size: 14px; 284     font-size: 14px;
285     font-weight: 500; 285     font-weight: 500;
286 } 286 }
287 .side-custom-block .custom-block:last-child { 287 .side-custom-block .custom-block:last-child {
288     margin-bottom: 0; 288     margin-bottom: 0;
289 } 289 }
290 .side-custom-block .custom-block h5 { 290 .side-custom-block .custom-block h5 {
291     margin-top: 0 !important; 291     margin-top: 0 !important;
292 } 292 }
293 .footer, .footer p { 293 .footer, .footer p {
294     font-size: 13px; 294     font-size: 13px;
295     line-height: 20px; 295     line-height: 20px;
296     letter-spacing: .1px; 296     letter-spacing: .1px;
297 } 297 }
298 .footer .widgettitle, .footer .widget-title { 298 .footer .widgettitle, .footer .widget-title {
299     font-size: 1.1666em; 299     font-size: 1.1666em;
300 } 300 }
301 .footer .footer-middle>.container { 301 .footer .footer-middle>.container {
302     padding-top: 1.75rem; 302     padding-top: 1.75rem;
303     padding-bottom: 0; 303     padding-bottom: 0;
304 } 304 }
305 .footer-middle > .container::after {  305 .footer-middle > .container::after { 
306     border-color: #e7e7e7; 306     border-color: #e7e7e7;
307 } 307 }
308 .footer .contact-info .contact-details strong { 308 .footer .contact-info .contact-details strong {
309     line-height: inherit; 309     line-height: inherit;
310     color: inherit; 310     color: inherit;
311     font-weight: 400; 311     font-weight: 400;
312     text-transform: uppercase; 312     text-transform: uppercase;
313   } 313   }
314 .footer-bottom img { 314 .footer-bottom img {
315     max-width: 220px; 315     max-width: 220px;
316 } 316 }